Programmeren 5

JavaScript - Functioneel programmeren en JSON

Doelstelling

1. Tot nu toe heb je in de opleiding geleerd wat procedureel en object geörienteerd programmeren is. OOP is veruit het meest courante paradigma. Maar je kan niet meer naast functioneel programmeren kijken sinds JavaScript meer en meer op de voorgrond is komen te staan. In deze les leren we de basis van het functioneel programmeren.
2. Verder leren we JSON is.
3. We leren hoe je een eenvoudige third party API aanspreekt.

Na deze les:

1. weet je wat specifiek is aan functioneel programmeren;
2. kan je gegevens in JSON formaat opslaan, opvragen en bewerken;
3. weet hoe je een bestand opent met het XMLHttpRequest object (later gaan we hier nog uitgebreid op in, nu gebruiken we het zonder de details ervan te kennen)
4. kan je de API van Leaflet aanspreken en gebruiken;
5. kan je een volledig werkend programma schrijven gebaseerd op technieken eigen aan het functioneel programmeren en JSON;

Stappenplan

1. JS - Functioneel programmeren
2. Filmpje: Functies zijn 'eersteklas burgers' in JavaScript
3. Filmpje: JS - closure sample iterator
4. JSON
5. JS - Functioneel programmeren in de praktijk

Opdracht

1. Maak de oefeningen uit het lesmateriaal zelf en probeer de voorbeelden uit.
2. In het voorbeeld gebruikte Tania Rarcia coffeeshops om op de map te plaatsen. Maak dezelfde oefening maar met een ander onderwerp, bijvoorbeeld museums, boekwinkels, cafés, doe-het-zelf winkels, ... Plaats op het vragenforum het onderwerp en de stad die jullie gekozen hebben zodat jullie niet dezelfde toepassing maken.
3. Data vind je op de GeoData site van de stad Antwerpen: Werken met de Leaflet API
4. Maak de oplossing lokaal en synhroniseer die met Bitbucket.